//头部
.header{
	background-color: rgb(246,246,246);
	height: 100%;
	//导航标题
	.navTitle{
		// padding-top: 1rpx;
		height: 330rpx;
		// background: #FBD220;
		width: 100%;
		background-image: url(https://files.yzsheng.com/client/order/bg.png);
		-webkit-background-size: contain;
		background-size: contain;
		//logo

		//导航右边文字
		.navRight{
			padding:49rpx 0 0 269rpx;
			&-title{
				font-size: 36rpx;
				font-weight: bold;
				color: #333333;
			}
			&-list{
				margin-top: 20rpx;
				font-size: 26rpx;
				font-weight: 500;
				color: #333333;
			}
			&-num{
				font-size: 32rpx;
				font-weight: bold;
				color: #333333;
				margin-top: 30rpx;
			}
		}
	}
	//内容
	.content2{
		height: 500rpx;
		background: #FFFFFF;
		box-shadow: 0px 0px 10rpx 0px rgba(0, 0, 0, 0.2);
		border-radius: 40rpx 40rpx 0px 0px;

		//去添加
		.addBtn{
			width: 100%;
			display: flex;
			justify-content: center;
		}
		.goAdd{
			margin-top: 50rpx;
			width: 424rpx;
			height: 88rpx;
			background: linear-gradient(0deg, #FBD220, #FFE23E);
			border-radius: 44rpx;
			text{
				margin-left: 10rpx;
			}
		}
	}
	.content{
		height: 100%;
		position: relative;
		bottom: 30rpx;
		padding-bottom: 60rpx;
		background: #FFFFFF;
		box-shadow: 0px 0px 10rpx 0px rgba(0, 0, 0, 0.2);
		border-radius: 40rpx 40rpx 0px 0px;
		
		.swiper{
			position: relative;
			
			.del{
				position: absolute;
				right: 0;
				z-index: 999;
			}
		}
		//轮播
		.look{
			color: #666666;
			margin: 30rpx 30rpx;
			text{	
				margin-left: 10rpx;
			}
		}
		//选择配置
		.pz{
			text-align: center;
			line-height: 50rpx;
			width: 140rpx;
			height: 50rpx;
			background: #F0EFEF;
			border-radius: 25rpx;
		}
		.slide-image {
			// position: relative;
		  height: 254rpx;
		  border-radius: 15rpx;
		  opacity: 0.7;
		  // top: 18%;
		  margin: 0 20rpx;
		}
		
		.content-footer{
			
			.type{
				padding: 2rpx 15rpx 2rpx 15rpx;
				height: 50rpx;
				background: #F0EFEF;
				border-radius: 25rpx;
			}
			.name{
				text-align: center;
				margin-top: 10rpx;
				.price{
					font-size: 38rpx;
					font-weight: bold;
					color: #333333;
					margin-left: 20rpx;
				}
			}
			.footer{
				margin-top: 50rpx;
				color: #999999;
				font-size: 24rpx;
			}
		}
		
		swiper {
		  height: 600rpx;
		}
		
		.active {
		  opacity: 1;
		  z-index: 10;
		  height: 316rpx;
		  width: 572rpx;
		  // top: 7%;
		  transition: all 0.3s ease-in 0s;
		}
		
	}
	
	//
	.image{
		// margin-top: 30rpx;
	}
	//按钮
	.button{
		padding: 100rpx 0 70rpx 0;
		button{
			width: 702rpx;
			height: 88rpx;
			background: linear-gradient(0deg, #FBD220, #FFE23E);
			border-radius: 44rpx;
		}
		

	}
}
	.text{
		width: 28rpx;
		height: 28rpx;
		border-radius: 50%;
		margin-left: 5rpx;
	}
.first{
	display: flex;

	

}
.list{
	width: 210rpx;
	background-color: #F0EFEF;
	border-radius: 25rpx;
	padding: 5rpx 0;
	margin: 30rpx auto;
}
.out{
	display: flex;
	.text{
		width: 28rpx;
		margin-left: 5rpx;
		height: 28rpx;
		border-radius: 50%;
	}
}